<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <jsp:include page="templates/head_empresa.jsp"/>
        <script type="text/javascript" src="WEB-CONTENT/js/bt.empresa_ofe.js"></script>
        <title>Empresa - Bolsa Universitaria de Trabajo</title>       
    </head>
    <body id="6" class="bt_container_main_empresa_oferta" >
        <div id="bt_container_page">
            <div id="bt_container_top">
                <div id="bt_container_header">
                    <jsp:include page="templates/header.jsp"/>
                </div>
                <div id="bt_container_nav">
                    <jsp:include page="templates/nav_empresa.jsp"/>
                </div>
                <div id="bt_container_main_empresa_usuario">
                    <jsp:include page="templates/usuario.jsp"/>
                </div>
            </div>
            <div id="bt_container_sidenav"></div>
            <div id="bt_container_main">                
                <div id="bt_container_main_empresa_admi_ofer" class="submain" >
                    <h2><img alt="" src="WEB-CONTENT/img/iconos/sl-admi_ofer.gif"/><span>Administrar oferta</span></h2>
                    <ul id="form_empresa_admi_ofer">
                        <li>
                            <h5>Ofertas</h5>
                            <a id="lnk_crear_oferta" href="#!" class="link" onclick="mostrarCrearOferta()">Crear nueva oferta</a>
                            <div class="borde_bottom"></div>
                            <div id="form_crear_oferta" class="formulario" style="display: none;">
                                <table>
                                    <tr>
                                        <td colspan="2">
                                            <p class="note">
                                                Complete el siguiente formulario para poder realizar su
                                                oferta.
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="lbl_form">Tipo de posicion :</td>
                                        <td>
                                            <select id="slt_tipo_oferta" class="select150" onchange="refrescarPersona(this)">
                                                <option value="0" selected>Selecciona</option>
                                                <option value="1" selected>Empleo</option>
                                                <option value="2" selected>Practica</option>
                                                <option value="3" selected>Practica Preprofesional</option>
                                                <option value="4" selected>Practica Profesional</option>
                                                <option value="5" selected>Programa / Charla</option>
                                                <option value="6" selected>Trabajo Independiente</option>
                                            </select>
                                        </td>                                        
                                    </tr>
                                    <tr>
                                        <td class="lbl_form">Dirigido a :</td>
                                        <td>
                                            <select id="slt_persona" class="select150">
                                                <option value="0" selected>Selecciona una posicion</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="lbl_form">Cargo a desempe&ntilde;ar :</td>
                                        <td colspan="3" style="padding-right: 15px;">
                                            <input id="txt_oferta_cargo" type="text" class="inputALL"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="lbl_form" valign="top">Descripcion de la posicion :</td>
                                        <td colspan="3" style="padding-right: 15px;">
                                            <textarea id="txt_oferta_descripcion" rows="4" class="inputALL"></textarea>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="lbl_form">Fecha de vencimiento :</td>
                                        <td>
                                            <input id="dp_fecha_vencimiento" type="text" readonly="readonly"/>
                                        </td>
                                    </tr>
                                    <tr><td></td></tr>
                                    <tr>
                                        <td colspan="4" style="border-top: 1px dashed #CCCCCC;padding: 10px 5px 0;">
                                            <p class="note">
                                                Seleccione los conocimientos que debe tener la persona a solicitar.
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="lbl_form">Sector :</td>
                                        <td>
                                            <select id="slt_sector" class="select150" onchange='refrescarHabilidad(this)'>
                                                <option value="0" selected>Selecciona</option>
                                            </select>
                                        </td>                                        
                                    </tr>  
                                    <tr>
                                        <td class="lbl_form">Habilidad :</td>
                                        <td>
                                            <select id="slt_habilidad" class="select150" onchange='refrescarConocimientos(this)'>
                                                <option value="0" selected>Selecciona un sector</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="lbl_form">Conocimientos en :</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td colspan="3" style="padding: 0 5px;">
                                            <table id="tbl_conocimientos" style="padding: 0;">
                                                <tr>
                                                    <td></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr class="tbl_otros_conocimientos">
                                        <td class="lbl_form">Otros Conocimientos :</td>
                                        <td colspan="2">
                                            <input id="txt_oferta_otro" type="text" class="inputALL"/>
                                        </td>
                                        <td style="width: 80px;padding: 0 5px;">
                                            <a onclick="encolarOtrosConocimientos('#txt_oferta_otro')" href="#!" style="float: left;"><img class="img_boton" alt="agregar" src="WEB-CONTENT/img/btn_agregar.gif"/></a>
                                        </td>
                                    </tr>
                                    <tr class="tbl_otros_conocimientos" style="display: none;">
                                        <td style="padding: 0;"></td>
                                        <td colspan="2" class="txt_light" style="padding: 0 0 0 5px;">
                                            Separalos por comas. Ejemplo: concimiento1<b>,</b>conocimiento2 
                                        </td>
                                        <td style="padding: 0;"></td>
                                    </tr>
                                    <tr><td></td></tr>
                                    <tr>
                                        <td colspan="4" style="border-top: 1px dashed #CCCCCC;padding: 10px 5px 0;">
                                            <p class="note">
                                                Conocimientos seleccionados hasta el momento:
                                            </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="border-bottom: 1px dashed #CCCCCC; padding: 0 5px;">
                                            <table id="tbl_oferta_conocimientos">
                                                <tr>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3">
                                            <span class="msj_error"></span>
                                        </td>
                                        <td align="right">
                                            <a id="btn_requerimiento" href="#dlg_confirmacion_requerimiento" onclick="validarEnvioRequerimiento()"><img class="img_boton" alt="guardar" src="WEB-CONTENT/img/btn_guardar.gif"/></a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div id="grid_ofertas">
                                <table class="grid">
                                    <tr>
                                        <td align="right">
                                            <span class="spn_loading"><img src="WEB-CONTENT/img/progress.gif"/></span>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
                <div id="bt_container_main_empresa_publ_ofer" class="submain" style="display: none;">
                    <h2><img alt="" src="WEB-CONTENT/img/iconos/sl-publ_ofer.gif"/><span>Publicar oferta</span></h2>
                    <ul id="form_empresa_publ_ofer">
                        <li>
                            <h5>Ofertas</h5>
                            <div class="borde_bottom"></div>
                            <div id="grid_publicar_ofertas">
                                <table class="grid">
                                    <tr>
                                        <td align="right">
                                            <span class="spn_loading"><img src="WEB-CONTENT/img/progress.gif"/></span>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </li>
                        <li>
                            <table style="width: 100%;">
                                <tr>
                                    <td colspan="3">
                                        <span class="msj_error"></span>
                                    </td>
                                    <td align="right">
                                        <a id="btn_requerimiento" href="#dlg_confirmacion_requerimiento" onclick="validarPublicarOfertas()"><img class="img_boton" alt="guardar" src="WEB-CONTENT/img/btn_guardar.gif"/></a>
                                    </td>
                                </tr>
                            </table>
                        </li>
                    </ul>
                </div>
                <div id="bt_container_main_empresa_cons_ofer" class="submain" style="display: none;">
                    <h2><img alt="" src="WEB-CONTENT/img/iconos/sl-cons_ofer.gif"/><span>Consultar oferta</span></h2>
                    <ul id="form_empresa_cons_ofer">
                        <li>
                            <h5>Ofertas Pendientes</h5>
                            <div class="borde_bottom"></div>
                            <div id="grid_ofertas_pendientes">
                                <table class="grid">
                                    <tr>
                                        <td align="right">
                                            <span class="spn_loading"><img src="WEB-CONTENT/img/progress.gif"/></span>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </li>
                        <li>
                            <h5>Ofertas en Ejecucion</h5>
                            <div class="borde_bottom"></div>
                            <div id="grid_ofertas_ejecucion">
                                <table class="grid">
                                    <tr>
                                        <td align="right">
                                            <span class="spn_loading"><img src="WEB-CONTENT/img/progress.gif"/></span>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </li>
                        <li>
                            <h5>Ofertas Expiradas</h5>
                            <a id="lbl_ofertas_expiradas" href="#!" onclick="cargarGridExpiradas()" class="link">
                                <span class="spn_loading"><img src="WEB-CONTENT/img/progress.gif"/></span>
                            </a>
                            <div class="borde_bottom"></div>
                            <div id="grid_ofertas_expiradas">
                                <table class="grid">
                                    <tr>
                                        <td>                                           
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
                <div id="bt_container_main_empresa_perf_cand" class="submain" style="display: none;">
                    <h2><img alt="" src="WEB-CONTENT/img/iconos/sl-perf_cand.gif"/><span>Perfiles candidatos</span></h2>
                    <ul id="form_empresa_perf_cand">
                        <li>
                            <h5>Ninguna oferta publicada</h5>
                            <a href="#!" class="link">Seleccionar candidatos</a>
                            <div class="borde_bottom"></div>
                            <p>Ningun perfil candidato</p>
                        </li>
                    </ul>
                </div>
                <div id="bt_container_main_empresa_advertising">
                    <jsp:include page="templates/advertising.jsp"/>
                </div>
            </div>
            <div id="bt_container_footer">
                <jsp:include page="templates/footer.jsp"/>
            </div>
        </div>
        <div id="dlg_confirmacion" style="display: none;">
            <table id="tbl_confirmacion">
                <tr>
                    <td>
                        <img alt="" src="WEB-CONTENT/img/iconos/alt-alerta.gif"/>
                    </td>
                    <td colspan="2" class="msj-confirmacion">
                    </td>
                </tr>
                <tr>
                    <td align="left" style="padding-top: 20px;">
                        <input type="button" onclick="closeModal()" value="NO"/>
                    </td>
                    <td align="right" colspan="2" style="padding-top: 20px;">
                        <span class="spn_loading" style="float: left; display: none;"><img src="WEB-CONTENT/img/progress.gif"/></span>
                        <a id="btn_cancelar" href="#!" onclick="closeModal()"><img class="img_boton" alt="cancelar" src="WEB-CONTENT/img/btn_cancelar.gif"/></a>
                        <a id="btn_siloestoy" href="#!" onclick="confirmarEvento()"><img class="img_boton" alt="siloestoy" src="WEB-CONTENT/img/btn_siloestoy.gif"/></a>                    
                    </td>                    
                </tr>
            </table>
        </div>
    </body>
</html>
